const dataSource = [
    {
    "anchor": "content_1",
    "menu": { text: 'AI资讯', content: 'AI资讯' },
    "content": [{
        "image": "http://image.tech.china.cn/picupload/2018/0712/1_1351528268_20180717130121.png",
        "href": "http://tech.china.com.cn/ai/index.shtml",
        "title": "中国网",
        "desc": "国家级媒体平台，拥有权威可靠的资讯信息"
    }, {
        "image": "https://www.ofweek.com/images/ico_of.ico",
        "href": "https://www.ofweek.com/ai/",
        "title": "维科网",
        "desc": "致力于打造具有深度影响力的人工智能网站"
    }, {
        "image": "https://aigc.cn/wp-content/uploads/2023/02/AIGClogoXIAO-2.png",
        "href": "https://aigc.cn/blog",
        "title": "AIGC导航",
        "desc": "最新最全的AIGC行业资讯"
    }, {
        "image": "https://oss.linklearner.com/SEO/logo.png",
        "href": "https://datawhale.club/#/",
        "title": "datawhale",
        "desc": "专注于AI领域的开源组织，致力于构建一个纯粹的学习圈子，帮助学习者更好地成长。专注于机器学习，深度学习，编程和数学等AI领域内容的产出与学习。"
    }, {
        "image": "https://yuzhouwan.com/yuzhouwan_logo_with_copyright.jpg",
        "href": "https://yuzhouwan.com/",
        "title": "宇宙湾",
        "desc": "拥有大量人工智能和大数据相关的优质博文"
    }, {
        "image": "https://www.jiqizhixin.com/favicon.ico",
        "href": "https://www.jiqizhixin.com/",
        "title": "机器之心",
        "desc": "国内领先的前沿科技媒体和产业服务平台，关注人工智能、机器人和神经认知科学，坚持为从业者提供高质量内容和多项产业服务。"
    }, {
        "image": "https://www.qbitai.com//wp-content/themes/liangziwei/imgnew/favicon.ico",
        "href": "https://www.qbitai.com/",
        "title": "量子位",
        "desc": "实时追踪人工智能新趋势，报道最新科技行业发展"
    }, {
        "image": "https://36kr.com/favicon.ico",
        "href": "https://36kr.com/tags/458",
        "title": "36kr",
        "desc": "36氪聚合所有人工智能相关的文章报道，并为你提供最新的相关资讯。"
    }, {
        "image": "https://www.fromgeek.com/favicon.ico",
        "href": "https://www.fromgeek.com/ai/",
        "title": "极客网",
        "desc": "为你提供最新的AI资讯"
    }]
},
    {
    "anchor": "content_2",
    "menu": { text: 'AI对话', content: 'AI对话' },
    "content": [ {
        "image": "https://cdn.aidutu.cn/res/head/ai.png",
        "href": "https://chat.aidutu.cn/",
        "title": "ChatAIDuTu",
        "desc": "免费, 智能AI, 问答系统, 自然语言处理, 人工智能技术"
    }, {
        "image": "./img/ai/translate/openai-whisper.png",
        "href": "https://chat.extkj.cn/",
        "title": "ChatExtKJ",
        "desc": "免费, 智能AI, 问答系统, 自然语言处理, 人工智能技术"
    }, {
        "image": "./img/ai/translate/openai-whisper.png",
        "href": "https://ai.usesless.com/",
        "title": "莓用AI",
        "desc": "AIGC，提高生产力，优化工作流程"
    }, {
        "image": "https://hzdjs.cn/chatgpt/favicon.ico",
        "href": "https://hzdjs.cn/chatgpt",
        "title": "ChatGPT",
        "desc": "免费, 智能AI, 问答系统"
    }, {
        "image": "./img/ai/translate/openai-whisper.png",
        "href": "https://chat.wuguokai.cn/",
        "title": "GPT-3.5 Demo",
        "desc": "免费学习测试"
    }, {
        "image": "./img/ai/visit/chatgpt_fast.jpg",
        "href": "http://ai.imchatgpt.cn/h5/10001/#/",
        "title": "GPT极速版",
        "desc": "官网同款GPT-3.5模型，回复速度快"
    },  {
        "image": "./img/ai/visit/xm.png",
        "href": "https://ai.mxcks.com/chat/new",
        "title": "小m智能对话助手",
        "desc": "可直接访问,要登录"
    }, {
        "image": "./img/ai/visit/xm.png",
        "href": "http://wenzhang.zhuluan.com/zh-cn/",
        "title": "智能对话助手",
        "desc": "可直接访问,需要登录使用"
    }, {
        "image": "./img/ai/visit/chatfree.png",
        "href": "https://chatgpt.qdymys.cn/",
        "title": "免费在线网页版",
        "desc": "有广告"
    }, {
        "image": "./img/ai/visit/htwd.png",
        "href": "http://zhimachat.com/",
        "title": "海豚问答",
        "desc": "直接访问，无需登录"
    },  {
        "image": "./img/ai/visit/ai-toolbox.png",
        "href": "https://ai-toolbox.codefuture.top/tool/zhihu",
        "title": "知乎风格问答",
        "desc": "可直接访问"
    }]
},
    {
    "anchor": "content_3",
    "menu": { text: 'AI绘画', content: 'AI绘画' },
    "content": [{
        "image": "./img/ai/draw/wujie.svg",
        "href": "https://www.wujieai.com/",
        "title": "无界AI",
        "desc": "每天一个手机号免费使用15次，免费且支持多种风格尺寸"
    }, {
        "image": "./img/ai/draw/midjourney.png",
        "href": "https://www.midjourney.com/home",
        "title": "Midjourney",
        "desc": "试用用户前25个免费，国外工具只需要想要的输入文字描述"
    }, {
        "image": "./img/ai/draw/zaomengriji.png",
        "href": "https://www.printidea.art/",
        "title": "造梦日记",
        "desc": "新用户25张免费"
    }, {
        "image": "./img/ai/chartgpt/yige.png",
        "href": "https://yige.baidu.com/",
        "title": "文心一格",
        "desc": "百度出品的AI绘画工具，新用户25张免费"
    }, {
        "image": "./img/ai/draw/wanxing.png",
        "href": "https://aigc.wondershare.cn/",
        "title": "万兴AI绘画",
        "desc": "新用户20张免费"
    }, {
        "image": "./img/ai/draw/zcool.jpeg",
        "href": "https://www.zcool.com.cn/ailab",
        "title": "站酷梦笔",
        "desc": "根据文字生成创作，人工智能加成，助你大开脑洞，尽情创作"
    }, {
        "image": "./img/ai/draw/aizuohua.png",
        "href": "https://www.aizuohua.com/#/aicz",
        "title": "爱作画",
        "desc": "在爱作画AIGC开放平台，您可以使用到与开源社区同步的最新开源AI模型，也可以自己上传AI模型或使用其他创作者分享的AI模型进行创作"
    }, {
        "image": "./img/ai/draw/huggingface.svg",
        "href": "https://huggingface.co/spaces/dalle-mini/dalle-mini?utm_source=httpsshadiao.pro",
        "title": "huggingface",
        "desc": "输入关键词，AI生成画作"
    }, {
        "image": "./img/ai/draw/draft.png",
        "href": "https://draft.art/drawing",
        "title": "Draft",
        "desc": "Draft.art是一个基于stablediffusion的AI智能绘图网站,在AI模型中只需要输入关键词,就能得到包含“创意”“设计思路”的图片"
    }, {
        "image": "./img/ai/draw/6pen.png",
        "href": "https://6pen.art/6pen.png",
        "title": "6pen",
        "desc": "可选多个绘画模型"
    }, {
        "image": "./img/ai/draw/yijian.png",
        "href": "http://portal.yjai.art/#/",
        "title": "意间AI绘画",
        "desc": "拥有数千万用户的AI绘画平台"
    }, {
        "image": "./img/ai/chartgpt/luban.png",
        "href": "https://luban.aliyun.com/",
        "title": "鹿班",
        "desc": "让设计更美好"
    }, {
        "image": "./img/ai/chartgpt/deepdreamgenerator.png",
        "href": "https://deepdreamgenerator.com/",
        "title": "DeepDreamGenerator",
        "desc": "一个基于深度学习技术的在线艺术创作工具，可以将你上传的图像转换成梦幻般的艺术作品"
    }, {
        "image": "./img/ai/chartgpt/petalica.png",
        "href": "https://petalica.com/index_en.html",
        "title": "petalicapaint",
        "desc": "一个基于 AI技术的在线绘画工具，它可以自动为你的草图上色，让你的绘画更加生动"
    }, {
        "image": "./img/ai/chartgpt/letsenhance.png",
        "href": "https://letsenhance.io/",
        "title": "Let'sEnhance",
        "desc": "一个图像增强工具，它利用深度学习技术自动增强图像的清晰度和质量"
    }, {
        "image": "./img/ai/chartgpt/Prisma.png",
        "href": "https://prisma-ai.com/",
        "title": "Prisma",
        "desc": "一款流行的 AI 绘画应用，可以将你的照片转换成各种风格的艺术作品"
    }, {
        "image": "./img/ai/chartgpt/neuralstyler.png",
        "href": "http://neuralstyler.com/",
        "title": "NeuralStyler",
        "desc": "基于深度学习技术的图像风格转换工具，它可以将你的照片转换成其他艺术家的风格"
    }, {
        "image": "./img/ai/chartgpt/pikazoapp.png",
        "href": "https://www.pikazoapp.com/",
        "title": "Pikazo",
        "desc": "基于深度学习技术的图像风格转换工具，它可以将你的照片转换成具有艺术感的图像"
    }, {
        "image": "./img/ai/chartgpt/dreamlike.png",
        "href": "https://dreamlike.art/",
        "title": "dreamlike.art",
        "desc": "免费的人工智能艺术生成器，人工智能艺术制造者"
    }, {
        "image": "./img/ai/chartgpt/beautiful.png",
        "href": "https://www.beautiful.ai/",
        "title": "beautiful.ai",
        "desc": "优雅的在线 ppt：Beautiful.ai"
    }, {
        "image": "./img/ai/draw/stability-ai-icon.png",
        "href": "http://beta.dreamstudio.ai/",
        "title": "StableDiffusion",
        "desc": "Stability AI推出的文本到图像生成AI模型"
    }, {
        "image": "./img/ai/draw/adobe-icon.png",
        "href": "https://firefly.adobe.com/",
        "title": "AdobeFirefly",
        "desc": "Adobe最新推出的AI图像生成和编辑工具"
    }, {
        "image": "./img/ai/draw/canva-icon.png",
        "href": "https://www.canva.cn/",
        "title": "CanvaAI图像生成",
        "desc": "Canva AI文本到图像生成工具"
    }, {
        "image": "./img/ai/draw/nightcafe-icon.png",
        "href": "https://creator.nightcafe.studio/",
        "title": "NightCafe",
        "desc": "AI艺术插画在线生成"
    }, {
        "image": "./img/ai/draw/waifu-labs-icon.png",
        "href": "https://waifulabs.com/",
        "title": "WaifuLabs",
        "desc": "免费在线AI生成二次元动漫头像"
    }, {
        "image": "./img/ai/draw/niji-journey-icon.png",
        "href": "https://nijijourney.com/zh/",
        "title": "niji・journey",
        "desc": "魔法般的二次元绘画生成"
    }, {
        "image": "./img/ai/draw/astria-ai-icon.png",
        "href": "https://www.astria.ai/",
        "title": "Astria",
        "desc": "可定制的人工智能图像生成"
    }, {
        "image": "./img/ai/draw/scribble-diffusion-icon.png",
        "href": "https://scribblediffusion.com/",
        "title": "Scribble Diffusion",
        "desc": "将草图转变为精美的插画"
    }, {
        "image": "./img/ai/draw/lexica-icon.png",
        "href": "https://lexica.art/",
        "title": "Lexica",
        "desc": "基于Stable Diffusion的在线插画生成"
    }, {
        "image": "./img/ai/draw/prodia-ai-icon.png",
        "href": "https://app.prodia.com/#/art-ai",
        "title": "Prodia",
        "desc": "AI艺术画生成工具"
    }, {
        "image": "./img/ai/draw/magicstudio-imagine-icon.png",
        "href": "https://magicstudio.com/zh/imagine",
        "title": "Imagine",
        "desc": "AI文字到图片生成"
    }, {
        "image": "./img/ai/draw/artssy-icon.png",
        "href": "https://www.artssy.co",
        "title": "Artssy",
        "desc": "AI图像生成"
    }, {
        "image": "./img/ai/draw/ai-photos-icon.png",
        "href": "https://aiphotos.ai",
        "title": "AIPhotos",
        "desc": "AI图片艺术美化"
    }, {
        "image": "./img/ai/draw/magicstudio-photobooth-icon.png",
        "href": "https://magicstudio.com/zh/photobooth",
        "title": "PhotoBooth",
        "desc": "AI创建个人资料图片"
    }, {
        "image": "./img/ai/draw/gaituya-icon.png",
        "href": "https://www.gaituya.com/aiimg",
        "title": "改图鸭AI图片生成",
        "desc": "改图鸭AI图片生成"
    }, {
        "image": "./img/ai/draw/logo.ico",
        "href": "https://rightbrain.art/",
        "title": "VegaAI",
        "desc": "Vega AI 创作平台"
    }, {
        "image": "./img/ai/video/hudun-icon.jpg",
        "href": "https://pc.jiakaodashi.com/AIPaintingPC",
        "title": "互盾",
        "desc": "一键AI绘画软件"
    }, {
        "image": "./img/ai/draw/dell.jpeg",
        "href": "https://openai.com/product/dall-e-2",
        "title": "dall-e-2",
        "desc": "DALL·E2由Openai人工智能实验室开发的一款文字生成图像智能系统，它可以根据自然语言的描述生成逼真的图画艺术作品！"
    }]
},
    {
    "anchor": "content_5",
    "menu": { text: 'AI视频', content: 'AI视频' },
    "content": [{
        "image": "./img/ai/video/cutout-pro-icon.png",
        "href": "https://www.cutout.pro/zh-CN/remove-video-background",
        "title": "Cutout.Pro",
        "desc": "AI一键视频背景移除"
    }, {
        "image": "./img/ai/video/avclabs-icon.png",
        "href": "https://app.avclabs.com/#/",
        "title": "AVCLabs",
        "desc": "AI自动移除视频背景"
    }, {
        "image": "./img/ai/video/colossyan-icon.png",
        "href": "https://www.colossyan.com/",
        "title": "Colossyan",
        "desc": "AI虚拟人出镜视频生成"
    }, {
        "image": "./img/ai/video/meishe-icon.png",
        "href": "https://www.meishesdk.com/aiedit/?BD-YJJ-PC&amp;newEb=1&amp;isc=0&amp;bd_vid=8450395419935290074",
        "title": "美摄",
        "desc": "以机器学习、深度学习等AI算法为核心，通过智能打分检测、识别、分析，进行智能的剪辑和包装"
    }, {
        "image": "./img/ai/video/bgrem-icon.png",
        "href": "https://bgrem.deelvin.com/zh/remove_video_bg/?params=start",
        "title": "BgRem",
        "desc": "无水印AI视频背景移除"
    }, {
        "image": "./img/ai/video/zidonghua-icon.jpg",
        "href": "https://www.avatarworld.cn/autoDraw/?rw=bjh",
        "title": "自动画",
        "desc": "AIGC数字人动画视频创作"
    }, {
        "image": "./img/ai/video/lumen5-icon.png",
        "href": "https://lumen5.com/",
        "title": "Lumen5",
        "desc": "AI将博客文章转换成视频"
    }, {
        "image": "./img/ai/video/deepbrain-ai-icon.png",
        "href": "https://www.deepbrain.io/",
        "title": "DeepBrain",
        "desc": "AI视频生成工具"
    }, {
        "image": "./img/ai/video/dreamface-icon.png",
        "href": "https://dreamfaceapp.com/",
        "title": "DreamFace",
        "desc": "让图片动起来的AI工具"
    }, {
        "image": "./img/ai/video/synthesia-ai-icon.png",
        "href": "https://www.synthesia.io/",
        "title": "Synthesia",
        "desc": "AI视频生成平台"
    }, {
        "image": "./img/ai/video/rephrase-ai-icon.png",
        "href": "https://www.rephrase.ai/",
        "title": "Rephrase.ai",
        "desc": "AI文字到视频生成"
    }, {
        "image": "./img/ai/video/synthesys-icon.png",
        "href": "https://synthesys.io/",
        "title": "Synthesys",
        "desc": "AI虚拟人出镜讲解"
    }, {
        "image": "./img/ai/video/veed-io-icon.png",
        "href": "https://www.veed.io/zh-CN/tools/video-background-remover",
        "title": "Veed VideoBackground Remover",
        "desc": "Veed推出的AI视频背景移除工具"
    }, {
        "image": "./img/ai/video/colourlab-icon.png",
        "href": "https://colourlab.ai/",
        "title": "Colourlab.ai",
        "desc": "好莱坞也在用的AI视频颜色分级工具"
    }, {
        "image": "./img/ai/video/movio-icon.png",
        "href": "https://www.movio.la/",
        "title": "Movio",
        "desc": "AI真人出镜视频讲解"
    }, {
        "image": "./img/ai/video/pictory-ai-icon.png",
        "href": "https://pictory.ai/",
        "title": "Pictory",
        "desc": "AI视频制作工具"
    }, {
        "image": "./img/ai/video/steve-ai-icon.png",
        "href": "https://www.steve.ai/",
        "title": "SteveAI",
        "desc": "Animaker旗下AI在线视频制作工具"
    }, {
        "image": "./img/ai/video/invideo-icon.jpg",
        "href": "https://invideo.io/",
        "title": "invideo",
        "desc": "外站，InVideo 是一款出色的免费 AI视频生成器，可提供文本到视频、预制视频模板和庞大的媒体库。"
    }, {
        "image": "./img/ai/chartgpt/flexclip.png",
        "href": "https://www.flexclip.com/",
        "title": "flexclip",
        "desc": "外站，FlexClip 是一个非常好的免费 AI 视频生成器"
    }, {
        "image": "./img/ai/video/animoto-icon.jpg",
        "href": "https://animoto.com/",
        "title": "animoto",
        "desc": "Animoto是一个在线视频制作工具，可以使用其AI技术快速创建和编辑视频。用户可以选择从多个模板和场景中选择，然后添加文本、图片、音乐等元素，最终AI会生成一个专业的视频。"
    }]
},
    {
    "anchor": "content_6",
    "menu": { text: 'AI编程', content: 'AI编程' },
    "content": [{
        "image": "./img/ai/chartgpt/pycharm.png",
        "href": "https://www.jetbrains.com/pycharm-cn/",
        "title": "PyCharm",
        "desc": "AI代码编辑器"
    }, {
        "image": "./img/ai/chartgpt/VisualStudioCode.png",
        "href": "https://code.visualstudio.com/",
        "title": "Visual Studio Code",
        "desc": "AI代码编辑器"
    }, {
        "image": "./img/ai/chartgpt/HBuilderX.png",
        "href": "https://www.dcloud.io/hbuilderx.html",
        "title": "HBuilderX",
        "desc": "AI代码编辑器"
    }, {
        "image": "./img/ai/chartgpt/EclipseIDE.png",
        "href": "https://www.eclipse.org/downloads/packages/",
        "title": "Eclipse IDE",
        "desc": "AI代码编辑器"
    }, {
        "image": "./img/ai/chartgpt/NetBeans.png",
        "href": "https://netbeans.apache.org/",
        "title": "NetBeans",
        "desc": "AI代码编辑器"
    }, {
        "image": "./img/ai/chartgpt/SublimeText.png",
        "href": "https://www.sublimetext.com/",
        "title": "Sublime Text",
        "desc": "AI代码编辑器"
    }, {
        "image": "./img/ai/chartgpt/codeBlocks.png",
        "href": "http://www.codeblocks.org/",
        "title": "Code::Blocks",
        "desc": "AI代码编辑器"
    }, {
        "image": "./img/ai/chartgpt/Dev-C++.png",
        "href": "https://sourceforge.net/projects/orwelldevcpp/",
        "title": "Dev-C++",
        "desc": "AI代码编辑器"
    }, {
        "image": "./img/ai/chartgpt/blueJ.png",
        "href": "https://www.bluej.org/",
        "title": "BlueJ",
        "desc": "AI代码编辑器"
    }]
},
    {
    "anchor": "content_8",
    "menu": { text: 'AI文本', content: 'AI文本' },
    "content": [{
        "image": "./img/ai/text/xfyun.png",
        "href": "https://zj.xfyun.cn/",
        "title": "讯飞智检",
        "desc": "提供文本纠错功能"
    }, {
        "image": "./img/ai/text/midu_jdt.png",
        "href": "https://jdt.midu.com/text",
        "title": "midu校对通",
        "desc": "中文文本、图片、视频等多模态内容的检测与校对"
    }, {
        "image": "./img/ai/text/tuokejia.png",
        "href": "http://tuokejia.net/",
        "title": "小炎智能写作",
        "desc": "让你轻松生成自媒体原创内容"
    }, {
        "image": "./img/ai/text/aiivip.png",
        "href": "http://www.aiivip.com/",
        "title": "AII文章生成器",
        "desc": "输入关键字即可生成内容， 但是需要付费使用"
    }, {
        "image": "./img/ai/text/ydsaso.png",
        "href": "https://www.ydsaso.com/",
        "title": "源大师AI",
        "desc": "仅需一盏茶的时间，即可完成一篇原创文章的创作"
    }]
},
    {
    "anchor": "content_10",
    "menu": { text: 'AI翻译', content: 'AI翻译' },
    "content": [{
        "image": "./img/ai/translate/TranSmart.jpg",
        "href": "https://transmart.qq.com/zh-CN/index",
        "title": "TranSmart腾讯交互翻译",
        "desc": "TranSmart是一款基于腾讯语音、图像、自然语言处理等领域的技术开发的新一代智能翻译设备。"
    }, {
        "image": "./img/ai/translate/deepl.png",
        "href": "https://www.deepl.com/translator",
        "title": "DeepL-translator",
        "desc": "DeepLPro是一款由人工智能和神经网络提供支持的专业翻译服务，可跨多种设备和应用程序(包括文档、网页、电子邮件和口头对话)提供准确、安全和可定制的翻译"
    }, {
        "image": "./img/ai/translate/openai-whisper.png",
        "href": "https://openai.com/blog/whisper",
        "title": "Whisper（OpenAI）",
        "desc": "Whisper是一个开源的自动语音识别系统，经过68万小时的多语言和多任务监督数据训练，这些数据是从网络上收集的。"
    }, {
        "image": "./img/ai/translate/sonix.png",
        "href": "https://sonix.ai",
        "title": "Sonix",
        "desc": "一个自动转录、翻译和字幕平台，快速、准确、实惠。它可以将音频和视频转换为文本，利用其先进的自动翻译引擎在几分钟内翻译文本，并创建全自动字幕"
    }, {
        "image": "./img/ai/translate/typestudio.png",
        "href": "https://www.typestudio.co",
        "title": "TypeStudio",
        "desc": "一个快速，简单，和快乐的方式来编辑和成长，你的播客、流媒体和采访。"
    }, {
        "image": "./img/ai/translate/auri.png",
        "href": "https://auri.ai",
        "title": "Auri.AI",
        "desc": "AuriAI是一款人工智能写作助手，旨在帮助用户更快、更智能地写作。它提供了拼写和语法纠正、释义、翻译、文本生成、快速创建笔记等功能。它支持25种以上的语言"
    }, {
        "image": "./img/ai/translate/langotalk.png",
        "href": "https://www.langotalk.org",
        "title": "Langotalk",
        "desc": "这个工具可以帮助人们通过与人工智能聊天，以6倍的速度学习西班牙语、英语、法语、德语、荷兰语或意大利语。"
    }, {
        "image": "./img/ai/translate/suenagringo.png",
        "href": "https://suenagringo.com",
        "title": "SuenaGringo",
        "desc": "只需点击几下!从各种不同的文学色调和格式中选择个性化的体验。"
    }, {
        "image": "./img/ai/translate/targum.video.png",
        "href": "https://targum.video",
        "title": "TargumVideo",
        "desc": "嗨，在几秒钟内将任何视频从任何语言翻译成任何语言！"
    }, {
        "image": "./img/ai/translate/bot.petit.today.png",
        "href": "https://bot.petit.today",
        "title": "LanguagePro",
        "desc": "一个有用的语言学习助手。得益于OpenAI技术，LanguagePro提供了强大的功能，包括翻译、语法纠正、关键字提取、文本摘要、问答和免费对话。"
    }, {
        "image": "./img/ai/translate/papercup.png",
        "href": "https://www.papercup.com",
        "title": "PAPERCUP",
        "desc": "利用人工智能配音，让现有视频内容更快、更经济地走向全球。"
    }, {
        "image": "./img/ai/translate/translate.video.png",
        "href": "https://www.translate.video",
        "title": "Translate.Video",
        "desc": "Video是一款视频翻译工具，用户可以轻松地将视频翻译成多种语言。该工具在一个易于使用的应用程序中提供自动字幕、字幕翻译、配音、AI画外音、录音和文本生成。"
    }]
},
    {
    "anchor": "content_11",
    "menu": { text: 'AI提示指令', content: 'AI提示指令' },
    "content": [{
        "image": "./img/ai/prompt/explain-this-icon.png",
        "href": "https://www.explainthis.io/zh-hans/chatgpt",
        "title": "ExplainThis",
        "desc": "ChatGPT 指令大全"
    }, {
        "image": "./img/ai/prompt/flow-gpt-icon.png",
        "href": "https://flowgpt.com",
        "title": "FlowGPT",
        "desc": "ChatGPT指令大全，访问速度稍慢"
    }, {
        "image": "./img/ai/prompt/prompt-vine-icon.png",
        "href": "https://promptvine.com/prompts/chatgpt",
        "title": "PromptVine",
        "desc": "ChatGPT Prompts和应用"
    }, {
        "image": "./img/ai/prompt/prompt-hero-icon.png",
        "href": "https://prompthero.com/chatgpt-prompts",
        "title": "PromptHero",
        "desc": "发现StableDiffusion、ChatGPT和Midjourney的提示用语"
    }, {
        "image": "./img/ai/prompt/mj-prompt-tool-icon.png",
        "href": "https://prompt.noonshot.com",
        "title": "MJPrompt Tool",
        "desc": "MidJourney Prompt帮助工具"
    }, {
        "image": "./img/ai/prompt/stable-diffusion-prompt-book-icon.png",
        "href": "https://openart.ai/promptbook",
        "title": "StableDiffusion Prompt Book",
        "desc": "OpenArt推出的针对Stable Diffusion指令的手册"
    }]
},
    {
    "anchor": "content_12",
    "menu": { text: 'AI训练模型', content: 'AI训练模型' },
    "content": [{
        "image": "./img/ai/model/openai-gpt-model.png",
        "href": "https://openai.com/product/gpt-4",
        "title": "GPT-4",
        "desc": "OpenAI旗下最新的GPT-4模型"
    }, {
        "image": "./img/ai/model/stability-ai-icon.png",
        "href": "https://beta.dreamstudio.ai",
        "title": "StableDiffusion",
        "desc": "Stability AI推出的文本到图像生成AI"
    }, {
        "image": "./img/ai/model/paddlepaddle-icon.png",
        "href": "https://wenxin.baidu.com",
        "title": "文心大模型",
        "desc": "百度推出的产业级知识增强大模型"
    }, {
        "image": "./img/ai/model/tongyi-aliyun-icon.png",
        "href": "https://tongyi.aliyun.com",
        "title": "通义千问",
        "desc": "阿里巴巴最新推出的类ChatGPT响应人类指令的大模型"
    }, {
        "image": "./img/ai/model/aliyun-icon.png",
        "href": "https://m6.aliyun.com/#",
        "title": "阿里巴巴M6",
        "desc": "阿里巴巴达摩院推出的超大规模中文预训练模型(M6)"
    }, {
        "image": "./img/ai/model/openbmb-icon.png",
        "href": "https://www.openbmb.org/home",
        "title": "OpenBMB",
        "desc": "清华团队支持发起的大规模预训练语言模型库与相关工具"
    }, {
        "image": "./img/ai/model/github-icon.png",
        "href": "https://github.com/Significant-Gravitas/Auto-GPT",
        "title": "Auto-GPT",
        "desc": "爆火的实现GPT-4完全自主的实验性开源项目，GitHub近6万星"
    }, {
        "image": "./img/ai/model/sensechat-icon.png",
        "href": "https://chat.sensetime.com/wb/",
        "title": "商量SenseChat",
        "desc": "商汤科技推出的类ChatGPT的人工智能大语言模型"
    }, {
        "image": "./img/ai/model/wudao-icon.png",
        "href": "https://www.baai.ac.cn/portal/article/index/cid/49/id/518.html",
        "title": "悟道",
        "desc": "智源“悟道”大模型，中国首个+世界最大人工智能大模型"
    }]
},
    {
    "anchor": "content_13",
    "menu": { text: 'AI学习网站', content: 'AI学习网站' },
    "content": [{
        "image": "./img/ai/learn/aistudio_baidu.jpg",
        "href": "https://aistudio.baidu.com/aistudio/index",
        "title": "飞桨AI Studio",
        "desc": "百度人工智能学习实训社区，从入门到工业实践"
    }, {
        "image": "./img/ai/learn/deeplearning-ai.jpg",
        "href": "https://www.deeplearning.ai/",
        "title": "DeepLearning.AI",
        "desc": "使用DeepLearning.AI打造您的\"AI\"职业生涯"
    }, {
        "image": "./img/ai/learn/elementsofai.jpg",
        "href": "https://www.elementsofai.com/",
        "title": "Elements of AI",
        "desc": "由MinnaLearn和赫尔辛基大学创建的一系列免费在线课程"
    }, {
        "image": "./img/ai/learn/zh_d2l_ai.jpg",
        "href": "https://zh.d2l.ai/",
        "title": "《动手学深度学习》",
        "desc": "面向中文读者的能运行、可讨论的深度学习教科书含PyTorch、NumPy/MXNet、TensorFlow 和 PaddlePaddle 实现"
    }, {
        "image": "./img/ai/learn/mofanpy_com.jpg",
        "href": "https://mofanpy.com/",
        "title": "莫烦Python学习课",
        "desc": "莫烦的Python免费学习课"
    }, {
        "image": "./img/ai/learn/brilliant_org.jpg",
        "href": "https://brilliant.org/courses/intro-neural-networks/",
        "title": "神经网络入门",
        "desc": "Brilliant推出的Introduction to NeuralNetworks课程"
    }, {
        "image": "./img/ai/learn/kaggle_com.jpg",
        "href": "https://www.kaggle.com/learn",
        "title": "Kaggle机器学习课",
        "desc": "Kaggle 机器学习课"
    }, {
        "image": "./img/ai/learn/machinelearningmastery_com.jpg",
        "href": "https://machinelearningmastery.com/start-here/",
        "title": "神经网络入门",
        "desc": "免费在线学习机器学习，从入门到高阶"
    }]
}
];

// 初始化menu
const handeInitMenu = () => {
    const menuWrap = document.getElementById('menu');

    const menuItemsHtml = dataSource.map(({ menu, anchor }) => {

        return (
            `<div class="menu-item">
        <a href="#${anchor}">${menu.text}<span></span></a>
      </div>`
        )
    }).join('');

    menuWrap.innerHTML = menuItemsHtml;
}

// 初始化内容block
const handleInitContent = () => {
    const content = document.getElementById('content')

    const html = dataSource.map(({ menu, anchor, content }) => {
        const itemsHtml = content.map((item) => `
      <a class="content-block-item" href="${item.href || '/'}">
        <img src="${item.image}" alt="">
        <div class="content-block-item-wrap-info" title="${item.desc}">
          <div class="content-block-item-wrap-info-title">${item.title}</div>
          <div class="content-block-item-wrap-info-desc">${item.desc}</div>
        </div>
      </a>
    `).join('');

        return `
      <div id="${anchor}" class="content-block">
        <h5 class="content-block-title">${menu.text}</h5>
        <div class="content-block-item-wrap">
          ${itemsHtml}
        </div>
      </div>
    `;
    }).join('');
    content.innerHTML = html;
}

const setActiveMenuItem = () => {
    const currentAnchor = window.location.hash.slice(1); // 获取当前的锚点信息，去掉#号

    const menuItems = document.querySelectorAll('.menu-item');
    let activeMenuItem = menuItems[0]; // 默认为第一个menu-item

    menuItems.forEach((menuItem) => {
        const href = menuItem.querySelector('a').getAttribute('href');
        if (href === `#${currentAnchor}`) {
            activeMenuItem = menuItem;
        }
        menuItem.classList.remove('active');
    });

    activeMenuItem.classList.add('active');
};


handeInitMenu()
handleInitContent()
setActiveMenuItem();
// 监听锚点变化时更新
window.addEventListener('hashchange', setActiveMenuItem);


$('#menu').on('click', 'a', function (e) {
    $("html, body").animate({
        scrollTop: $($(this).attr("href")).offset().top - 100 + "px"
    }, 1000);
    e.stopPropagation();
})
$('#menu').on('click', '.menu-item', function () {
    $(this).find('span').trigger('click')
})
